header {
    width: 1898px;
    height: 45px;
    background-color: #000000;

    section {
        width: 1520px;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

        ul {
            width: 610px;
            height: 100%;
            display: flex;
            font-size: 13px;

            

            li {
                height: 45px;
                cursor: pointer;
                padding: 0 10px;
                padding-right: 0px;
                line-height: 45px;
                text-align: center;
                // height: 15px;
                // border-right: 1px solid #414141;
                &:hover{
                    background-color:red;
                }

                a {
                   
                    
                    font-size: 13px;
                    color: #999999;
                    border-right: 1px solid #414141;
                    padding-right: 10px;
                    &:hover{
                        color: #fff;
                    }
                   
                }

                .danlu {
                    margin-right: 14px;
                }

               
               
            }
            // 第一个ul有事件的几个li
            &:first-child{

                .headli{
                    position: relative;

                    .headdiv{
                        position:absolute;
                        width: 125px;
                        height: 145px;
                        right: 0;
                        z-index: 9;
                      display: flex;
                      display: none;
                      flex-direction: column;
                   justify-content: space-around;
                      background-color: #fff;
                        .headdiva{
                            font-size: 13px;
                            border: none;
                            padding: 0px;
                            line-height: 0px;
                            color: black;
                        }

                    }
                    &:hover{
                       
                        .headdiv{
                            display: flex;
                        }
                    }

                }
            }
   // 第2个ul有事件的几个li
            &:last-child{
                
                  li{
                    position: relative;
                   
                       
                      &:nth-child(3){

                       .headdiv{
                        position:absolute;
                        right: 0;
                           background-color:#ccc;
                           width: 100px;
                           height: 75px;
                           right: 0;
                           z-index: 9;
                         display: flex;
                         display: none;
                         flex-direction: column;
                      justify-content: space-around;
                          
                           .headdiva{
                               font-size: 13px;
                               border: none;
                               padding: 0px;
                               line-height: 0px;
                           }
                       }
                      }
                      &:nth-child(4){
                    .headdiv{
                         position:absolute;
                         right: 0;
                     
                         background-color: #fff;
                            width: 896px;
                            height: 205px;
                            right: 0;
                            z-index: 9;
                            display: flex;
                            display: none;
                         
                            
                            a{
                                font-size: 13px;
                                border: none;
                                padding: 0px;
                                line-height: 0px;
                                margin: 0;
                            }
                           
                                   dl{
                              margin-top: 35px;
                              height: 170px;
                           border: 1px solid;
                           
                           
                              &:first-child{
                                  width: 84px;
                                  display: flex;
                                  flex-direction: column;
                                  align-items: flex-start;                                 
                                  dt{
                                      width: 44px;
                                      height: 47px;
                                
                                      background: url("../img/f3.gif") no-repeat;
                                  }
                                  dd{
                                    
                                      a{
                                          font-size: 13px;
                                      }
                                  }
                              }
                              &:last-child{
                                // width: 84px;
                            }
                            
                           
                                width: 180px;
                            
                             
                            
                              
                          }
                        }
                     
                       }
                      
                       &:nth-child(5){
                           .headdiv{
                               position:absolute;
                               right: 0;
                               width: 242px;
                               height: 389px;
                               right: 0;
                               z-index: 9;
                               display: flex;
                                display: none;
                              background: url("../img/f5.gif") no-repeat center center;
                           }
                       }
                       &:nth-child(6){
                        
                           .headdiv{
                            position:absolute;
                            right: 0;
                            width: 242px;
                            height: 389px;
                            right: 0;
                            z-index: 9;
                            display: flex;
                             display: none;
                               background-color: #fff;
                           }
                       }


                       &:hover{
                        .headdiv{
                            display: flex;
                            
                        }
                    }
                    .headdiv{
                        .headdiva{
                            &:hover{
                                color: salmon;
                            }
                        }
                    }
                  }
               
            }
           
        }
    }

}
